<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>电影详情</title>
    <link href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
</head>
<body>
<div class="container">
    <h1 class="text-center">角色详情页面</h1>
    <p>姓名：姚鸿杰</p>
    <p>学号：1604220536</p>
    <div class="row">
        <div class="col">
            <label>电影名称：</label>
            <span th:text="${info.movie.getName()
            }">黄飞鸿</span>
        </div>
        <div class="col">
            <label>发行日期：</label>
            <span th:text="${info.movie.getCreateDate()}?${#dates.format(info.movie.createDate,'yyyy-MM-dd')}:''"></span>

        </div>
    </div>

    <table class="table table-bordered">
        <thead>
        <tr>
            <th scope="col">#</th>
            <th scope="col">角色</th>
            <th scope="col">演员</th>
            <th scope="col">出生日期</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="role,roleStat : ${info}">

            <td th:text="${roleStat.index + 1}">#</td>
            <td th:text="${role.name}"></td>
            <td th:text="${role.actor.name}"></td>
            <td th:text="${role.actor.Born}"></td>

        </tr>
        </tbody>
    </table>
</div>
</body>
</html>